<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Avaleht</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>
<div id="top-sidebar-container">
	<div id="top-sidebar-content">
	    <div class="container-small">
        	<h1>Logi sisse / loo uus kasutajakonto</h1>
	    	<p>Logi sisse kasutades kasutajatunnust ja parooli või mõnda teist teenusepakkujat.</p>
            <div class="social-container">
            	<img src="img/facebook.png" width="100" height="29" />
                <img src="img/google.png" width="100" height="29" />
                <img src="img/twitter.png" width="100" height="29" />
            </div>
        </div>
        <div class="container-small">
            <form action="#" method="post">
        	    <label>E-post
        	        <input name="email" type="text" class="input-field" id="email" tabindex="1" />
    	        </label>
        	    <label>Parool
        	        <input name="password" type="password" class="input-field" id="password" />
    	        </label>
                <label class="form-helper">
        	        <input name="remember-me" type="checkbox" value="1" /> Hoia mind sisse logituna
    	        </label>
                <span class="button form-button">Logi sisse</span>
                <span class="button form-button">Registreeru</span>
            </form> 
        </div>
    </div>
    <div id="top-sidebar-handle"></div>
</div>

<div class="content demo-banner"> 
	<div id="demo-banner-content">
		<a href="#"><img src="img/intro/intro_1.jpg" /></a> 
    	<a href="#"><img src="img/intro/intro_2.jpg" /></a> 
    </div>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
    	<li id="logo">focus</li>
        <li class="button">Abiinfo</li>
        <li class="button" id="btn-main-auth">Logi sisse</li>
    </ul>
</div>
</body>
</html>
